<template>
	<view class="content">
		<view class="userBox">
			<view class="leImg">
				<!-- <image src="s" mode="widthFix"></image> -->
				<text> sliafjs{{username}}</text>
			</view> 
			<view class="riBox"> 
				<view class="hex hex1">
					<!-- <image src="s" mode="widthFix"></image> -->
					<p>核销</p>
				</view>
				<view class="hex">
					<!-- <image src="s" mode="widthFix"></image> -->
					<p>客服</p>
				</view>
			</view>
		</view>
		<view class="titleMessage">
			<image src="../../static/logo.png" mode="widthFix"></image>
			<text>2021sass行业发展现状及前景分析</text>
			<text class="rightj">></text>
		</view>
		<view class="titBox">
			<view class="biao">
				<text class="text">客流数据</text>
				<text class="ritime">店铺到期时间：220天</text>
			</view>
			<p class="tday">今日</p>
			<view class="bottom">
				<view class="botomm">
					<text>0</text>
					<p>店铺访问数</p>
				</view>
				<view class="botomm">  
					<text>0</text>
					<p>商品访问数</p>
				</view>
				<view class="botomm">
					<text>0</text>
					<p>订单笔数</p>
				</view>
				<view class="botomm">
					<text>0.00</text>
					<p>销售金额</p>
				</view>
			</view>
		</view>
		<!-- 代办 -->
		<view class="sth">
			<view class="title">
				<text class="t1">代办事项</text>
				<text>查看更多></text>
			</view>
			<view class="title2">
				<text class="t2">你的商户号申请审核【未通过】</text>
				<text>立即处理></text>
			</view>
			<view class="title2">
				<text class="t2">您的店铺还未上传商品，请尽快上传</text>
				<text>立即处理></text>
			</view>
		</view>
        <!-- 新手开店任务 -->
        <view class="task">
		   <u-card title="新手开店任务">
               <u-steps :list="numList" :current="1" direction="column" slot="body">
           </u-steps>
           </u-card>
	    </view>
        <!--应用工具 -->
        <apptools></apptools>
        <!-- 今日门店访客 -->
        <view>
            <u-card title="今日门店访客">
               
            </u-card>
        </view>
	</view>
</template>

<script>
import apptools from '../../components/apptools/apptools.vue'
import store from "@/store";
	export default {
  components: { apptools },
		data() {
			return {
                // 代办数组
                categoryMenus:[],
                // code
                code:"",
                numList: [{
					name: '下单'
				}, {
					name: '出库'
				}, {
					name: '运输'
				}, {
					name: '签收'
				}, ],
            }
		},
        computed:{
            username(){
                return this.$store.state.token
            }
        },
		onLoad() {
            console.log(store.state.token)
            const res =  this.$u.post("/xssh/system/index/info");
            console.log(res);
		},
		methods: {
            // 请求数据
            
		}
	}
</script>

<style lang="scss">
	.userBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 3%;
		margin-top: 100rpx;
		.leImg{
			image{
				width: 25px;
				vertical-align: middle;
				margin-right: 10px;
				border-radius: 5px;
			}
			text{
				font-weight: 600;
			}
		}
		.riBox{
			display: flex;
			font-size: 14px;
			.hex{
				text-align: center;
				image{
					width: 25px;
				}
			}
			.hex1{
				margin-right: 10px;
			}
		}
	}

	.titleMessage {
		display: flex;
		padding: 0 3%;
		font-size: 14px; 
		align-items: center;

		image {
			height: 25px;
			margin-right: 5px;
			width: 15px;
		}

		.rightj {
			flex: 1;
			text-align: right;
		}
	}

	.titBox {
		background: #010101;
		color: #fff;
		margin: 0 3%;
		font-size: 14px;
		margin-top: 10px;
		border-radius: 5px;

		.biao {
			display: flex;
			padding-left: 3%;

			.text {
				flex: 1;
				margin-top: 5px;
			}

			.ritime {
				background: #fa574a;
				font-size: 12px;
				padding: 2%;
				border-bottom-left-radius: 5px;
			}
		}
 
		.tday {
			padding: 8px 3%;
		}

		.bottom {
			display: flex;
			font-size: 14px;
			padding-bottom: 2%;

			.botomm {
				flex: 1;
				text-align: center;
			}
		}
	}

	.sth {
		padding: 0 6%;
		font-size: 14px;

		.title {
			display: flex;
			padding: 2% 0;

			.t1 {
				flex: 1;
				font-weight: 600;
			}
		}

		.title2 {
			display: flex;
			padding: 2% 0;
			font-size: 12px;

			.t2 {
				flex: 1;
			}
		}
	}

    .task{
        border:1px,solid,red;
        border-radius: 5px;
    }
</style>
